<template>
  <div id="app" class="bg-grey-3">
    <router-view/>
  </div>
</template>

<script>

export default {
  name: 'App',
  components: {
  }
}
</script>

<style>
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    width: 100%;
  }
  .im-info-img {
    height: 50px;
    width: 50px;
  }
  .margin-left{
    margin-left: 10px;
  }
  .margin-top{
    margin-top: 10px;
  }
  .margin-right{
    margin-right: 10px;
  }
  .bottom-view{
    height: 50px;
    width: 100%;
  }
  .text-cut{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .example-item{
    height: 70px;
    width: 70px ;
  }
  .round_view {
    border-radius: 25px;
  }
</style>
